<template>
    <div class="order">
        <herder></herder>
        <!-- <span>订单页面</span> -->
        <pagebottom></pagebottom>
      <div class="ordershow">
          <ul>
              <li v-for="(item,index) in order">
                  <div class="order-l">
                   <span>
                        {{index+1}}.
                   </span>
                   <img v-for="iter in item" :src="iter.cover" alt="">
                  </div>
                  <div class="order-r">
                        
                  </div>
              </li>
          </ul>
      </div>
    </div>
</template>
<style lang="scss" scoped>
.order{
    margin-top: 50px;
}
.ordershow{
    padding: 10px;
    ul{
        li{
            border-bottom: 1px solid #fafafa;
            .order-l{
                display: flex;
                width: 170px;
                justify-content: start;
                align-items: center;
                
                span{
                  color: #ccc;
                  font-size: 18px;
                }
                img{
                    width: 40px;
                    height: 40px;
                    margin-left: 10px;
                }
            }
        }
    }
}
</style>
<script>
import  herder from '../components/herder.vue'
import pageBottom from '../components/pagebottom'
import Pagebottom from '../components/pagebottom'

export default{
    components:{
        herder,
        pageBottom,
        Pagebottom
        
    },
    data(){
      return {
          order,
      }
    },
    created(){
        this.order=JSON.parse(localStorage.getItem('orderreslt'))
        console.log('订单页面初始化',this.order);
        this.$store.commit('setactive',3)
    }
 
}
</script>
